@use './common/config.scss' as *;

:-webkit-full-screen {
  background-color: white !important;
}
:-moz-full-screen {
  background-color: white !important;
}
:-ms-fullscreen {
  background-color: white !important;
}
:fullscreen {
  background-color: white !important;
}
.scroll {
  &--lock {
    overflow: hidden !important;
  }
  &__wrap {
    overflow: auto;
    height: 100%;
  }
}
.fullscreen {
  &.ql {
    &-toolbar,
    &-container {
      @include setCssVar(fullscreen-z-index, $fullscreenZIndex-normal);

      position: fixed;
      width: 100%;
      left: 0;
      background-color: getCssVar(editor-bg-color);
      z-index: getCssVar(fullscreen-z-index);
    }
    &-toolbar {
      @include setCssVar(fullscreen-container-z-index, $fullscreenZIndex-full);

      top: 0;
      z-index: getCssVar(fullscreen-container-z-index);
    }
    &-container {
      @include setCssVar(top, 0px);

      top: getCssVar(top);
      height: calc(100% - getCssVar(top));
    }
  }
}
